import { injectGlobal } from 'styled-components'
import { primary } from 'common/styled/color'

injectGlobal`
  .action-modal {
    .ant-modal-close {
      color: white;
      &:focus, &:hover {
        color: lightgray;
      }
      .ant-modal-close-x {
        width: 41px;
        height: 41px;
        line-height: 42px;
      }
    }
    .ant-modal-header {
      text-align: center;
      background-color: ${primary};
      padding: 9px 16px;
      .ant-modal-title {
        color: white;
        font-size: 12px;
      }
    }
    .ant-modal-body {
      padding: 0;
      font-size: 12px;
    }
  }
`
